<template lang="html">
  <Panel title="每日签到">
    <section class="content">
      <p>不抢白不抢</p>
      <img src="//img12.360buyimg.com/jrpmobile/jfs/t3184/283/6032981290/37056/fa30c674/589bd5a2Nabdbbbd9.jpg?width=376&height=160">
      <img src="//img12.360buyimg.com/jrpmobile/jfs/t3298/196/6130416421/33755/a0536d3e/589bd5d4Nf32e7adc.jpg?width=374&height=160">
  </section>
  </Panel>
</template>

<script>
import Panel from '../core/panel.vue'
export default {
  components:{
    Panel
  }
}
</script>

<style lang="scss" scoped>
@import "../../css/element.scss";
.content{
  @include flex(row);
  padding-bottom: 40px;
  position: relative;
  p{
    position: absolute;
    top: -112px;
    right:20px;
    font-size: 28px;
    color:#999;
    line-height: 112px;
  }
  img{
    width: 320px;
    height: 178px;
  }
}
</style>
